<template>
 <div class="newsinfo">
     <h2 class="title">新闻列表组件</h2>
     <p class="subtitle">
         <span>发表时间：{{new Date()|dateFormat}}</span>
         <span>点击次数：0次</span>
     </p>
     <hr>
     <div class="content"></div>
     <commit></commit>

 </div>
</template>

<script>
import commit from "../sub/commit.vue"
 export default {
   data () {
     return {
        id:this.$route.params.id
     }
   },
   components: {
        commit
   }
 }
</script>

<style lang="scss">
  
    .newsinfo{
        
        padding: 0 4px;
        .title{
            font-size: 16px;
            color: palevioletred;
            text-align: center;
            margin:15px 0;

        }
        .subtitle{
            display: flex;
            color: darkorange;
            justify-content:space-between;
            font-size: 13px;
        }
        .content{
            img{
                width: 100%;
            }
        }
    }
</style>

